import axios from 'axios'
// import store from '@/store'
import { Message } from 'element-ui'
import { getToken, removeToken } from '@/utils/auth'

let cancel = {}
let promiseArr = {}
const CancelToken = axios.CancelToken

// 创建axios实例
const service = axios.create({
  baseURL: process.env.BASE_API, // api的base_url
  timeout: 1000000, // 请求超时时间
  cancelToken: new CancelToken(c => { // 防止重复提交
    cancel = c
  })
})
// request拦截器
service.interceptors.request.use(config => {
  // Do something before request is sent
  // 使用简单请求法
  // config.headers['Content-Type'] = 'application/x-www-form-urlencoded'
  // 请求带有token参数，鉴权
  // 发起请求时，取消掉当前正在进行的相同请求
  if (promiseArr[config.url]) {
    // promiseArr[config.url]('操作取消')
    promiseArr[config.url] = cancel
  } else {
    promiseArr[config.url] = cancel
  }
  return config
}, error => {
  // Do something with request error
  console.log(error) // for debug
  Promise.reject(error)
})

// respone拦截器
service.interceptors.response.use(
  response => {
    const res = response.data
    // 首先判断是否有状态码返回，如果有状态码返回且状态不为200则表示错误，下面进行错误信息处理
    if (res.code && res.code !== '200') {
      // 如果状态码是100，则表示用户已经退出登陆，前端进行登出操作
      if (res.code === '100') {
        // this.$router.push({ path: '/login/index' }) // 跳转到登录页
        // removeToken()
        // window.location.href = '/login/index' // 跳转到登录页
        // 重定向到登录页面
        // MessageBox.alert(res.msg, '通知', {
        //   confirmButtonText: '确认',
        //   type: 'error'
        // }).then(() => {
        //   store.dispatch('LogOut').then(() => {
        //     location.reload()// 为了重新实例化vue-router对象 避免bug
        //   })
        // })
      } else {
        Message({
          message: res.msg,
          type: 'error',
          duration: 3 * 1000
        })
        // if (res.data) {
        //   response.data = res.data
        // }
        return Promise.reject(res)// 阻止事件继续执行
      }
    } else {
      // 如果是我们自行开发接口，则将data赋值过来。如果是实例接口则不进行此操作
      if (res.data) {
        response.data = res.data
      }
      return response
    }
  },
  error => {
    // Message({
    //   message: error.message,
    //   type: 'error',
    //   duration: 5 * 1000
    // })
    return Promise.reject(error)
  })

export default service
